<template>
    <view class="custom-checkbox" :class="{ 'custom-checkbox-checked': isSelect }">
        <uni-icons type="checkmarkempty" v-show="isSelect" customIcons="icon-white" size="32"></uni-icons>
    </view>
</template>

<script>
export default {
    props: {
        isSelect: {
            type: Boolean,
            default: false,
        },
    },
    data() {
        return {}
    },
    methods: {},
}
</script>

<style lang="scss">
.custom-checkbox {
    width: 34rpx;
    height: 34rpx;
    border-radius: 44rpx;
    border: solid 1rpx $app-color-text-tip;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}
.custom-checkbox-checked {
    background: $app-color-main;
    border-color: $app-color-main;
}
</style>
